var SufficeDetail = function () {
  var template = /*html*/ `
    <div class="suffice-detail">
      <el-table fit stripe border :data="details" style="width: 100%">
        <el-table-column :resizable="false" prop="materialType" label="物料类型" :auto-width="true" min-width="70px"></el-table-column>
        <el-table-column :resizable="false" prop="color" label="编号" :auto-width="true" min-width="60px"></el-table-column>
        <el-table-column :resizable="false" prop="colorDescription" label="描述" :auto-width="true" min-width="70px"></el-table-column>
        <el-table-column :resizable="false" prop="purchaseCount" label="采购数" :auto-width="true" min-width="70px"></el-table-column>
        <el-table-column :resizable="false" prop="inCount" label="入库数" :auto-width="true" min-width="70px"></el-table-column>
        <el-table-column :resizable="false" label="入库情况" width="80px">
          <template slot-scope="scope">
            <span>{{statusList[scope.row.inStatus]}}</span>
          </template>
        </el-table-column>
      </el-table>
    </div>
  `;

  return {
    props: {
      details: {
        type: Array,
        required: true
      }
    },
    data: function () {
      return {
        statusList:['未到齐','已到齐','部分到齐']
      };
    },
    template: template
  };
}()